<template>
  <div class="reply-input-view">
    <img
      src="https://file.ituring.com.cn/SmallCover/200564fc749ec9cf4615"
      alt=""
    />
    <textarea placeholder="说点什么..." cols="30" rows="10"></textarea>
    <button class="send-btn">发送</button>
  </div>
</template>

<script>
export default {
  name: 'CommentReply'
}
</script>

<style scoped>
.reply-input-view {
  display: flex;
  padding-top: 16px;
  margin-left: 52px;
}
.reply-input-view img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  flex: 0 0 40px;
  margin-right: 16px;
}
.reply-input-view textarea {
  resize: none;
  background: #f6f9fb;
  border-radius: 4px;
  flex: 1;
  color: #484848;
  padding: 5px 12px;
  line-height: 22px;
  height: 98px;
  font-size: 16px;
}
.send-btn {
  margin-left: 10px;
  background: #4684e2;
  border-radius: 4px;
  flex: 0 0 80px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  height: 32px;
  line-height: 32px;
  outline: none;
}
</style>
